<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<!--添加Thymeleaf的命名空间-->
<head>
    <meta charset="UTF-8">
    <title>thymeleaf解析</title>
</head>
<body>
<h3>1.thymeleaf的常规操作</h3>
<!--各种操作符的用法-->
<div class="temp" th:text="我是Thymeleaf的text"></div>
<p th:text="${'明月别枝惊鹊'}"></p>
<p th:text="${200+10*5}"></p>
<p>
    <!--图片元素的路径指定-->
    <img th:src="${'/static/imgs/'+pic+'.png'}"/>
    <img th:src="@{/static/imgs/{t}(t=${pic}+'.png')}" alt="你好"/>
    <img src="/static/imgs/img.png" />
</p>
<p>
    <a th:href="@{https://www.baidu.com}">百度一下</a>
    <!--超链接动作传参-->
    <a th:href="@{/play(msg=2000)}">点我一下</a>
</p>
<h4 th:object="${cool}">
    <p th:text="*{id}"></p>
    <p th:text="*{name}"></p>
</h4>
<h3>国际化管理</h3>
<p th:text="#{welcome}"></p>

<h3>内置变量，控制语句</h3>
<p th:text="${#dates}"></p>
<p th:if="x=='yes'">我在这里等你</p>
<p th:unless="x=='yes'">轻轻地我走了</p>
<div th:each="str:${list}">
    <!--th:each="obj,str:${list}" 则str就是状态变量-->
    <p><!--str+Stat获取拿到的对象的状态对象，就可以拿到集合的八中状态变量-->
        <span th:text="${strStat}"></span>
        <span th:text="${str}"></span>
    </p>
</div>
<!--点击事件，接受后端传递的数据-->
<p class="btn" th:onclick="play()">点我吧</p>
<style>
    .btn{
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        text-align: center;
        color: white;
    }
</style>

</body>
</html>